<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>LOGIN-PAGE</title>
    <link rel="stylesheet" href="../build/css/base.css">
    <link rel="stylesheet" href="../build/css/blog-work.css">
    <link rel="stylesheet" href="../build/css/blog-utils.css">
</head>
<body>
<div class="kh-container">
    <section>
        <div class="kh-effect">
            <div class="kh-effect-menu">
                <a class="kh-to-logo" href="javascript:;"></a>
                <ul>
                    <li>
                        <a href="javascript:;" class="kh-effect-menu-actv">写文章</a>
                    </li>
                    <li>
                        <a href="javascript:;">上传作品</a>
                    </li>
                    <li>
                        <a href="../pages/blog-manage.html">个人中心</a>
                    </li>
                </ul>
            </div>

            <div class="kh-edit-main">
                <div class="kh-edit-form">
                    <div class="kh-edit-choose">
                        <h2>写文章</h2>
                    </div>
                    <div class="kh-edit-form-body">
                        <div class="kh-edit-form-ctrl">
                            <label>标题</label>
                            <div class="kh-edit-form-num">
                                <input type="text" placeholder="请输入标题">
                                <i>20</i>
                            </div>
                        </div>
                        <div class="kh-edit-form-ctrl">
                            <label>描述</label>
                            <div class="kh-edit-form-num">
                                <input type="text" placeholder="请输入标题">
                                <i>20</i>
                            </div>
                        </div>

                        <div class="kh-edit-form-ctrl">
                            <label>选择分类</label>
                            <!-- 组件 下拉 -->
                            <div class="kh-form-options">
                                <input type="text" id="cc">
                                <ul class="kh-options-list">
                                    <li>web前端</li>
                                    <li>Java</li>
                                    <li>UI/视觉设计</li>
                                    <li>Javascript</li>
                                    <li>CSS</li>
                                    <li>Html5</li>
                                    <li>其他</li>
                                </ul>
                            </div>
                        </div>

                        <!-- 图片上传 -->
                        <div class="kh-edit-form-ctrl">
                            <label>上传图片</label>
                            <div class="kh-upload-img">
                                <div class="kh-upload-img-view">
                                    <img src="../src/blog-img/test.jpg" alt="default">
                                    <p>默认封面</p>
                                </div>

                                <div class="kh-upload-btn">
                                    <a href="javascript:;">上传封面</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 编辑器 -->
                <div class="kh-edit-main">


                    <div class="kh-issue">
                        <a href="javascript:;" class="kh-issue-btn">发布</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>

<script>

</script>


</body>
</html>